<template>
<!--  destroy-on-close-->

  <el-dialog
      title="AddUser"
      width="75%"
      v-model="addDialogVisible"
      center model-value>
    <span>需要注意在 Dialog 打开前是这条内容和下面的内容都是不会被渲染的</span>
    <strong>额外的内容</strong>
    <template #footer>
    <span class="dialog-footer">
      <el-button @click="addDialogVisible = false">取 消</el-button>
      <el-button type="primary" @click="addDialogVisible = false">确 定</el-button>
    </span>
    </template>

  </el-dialog>
</template>

<script>
export default {
  name: "AddUser",
  props: ['addDialogVisible'],
  created() {
    // this.addDialogVisible = false
  },
  data() {
    return {
      //控制对话框显示隐藏
    }
  },
  methods: {
    showDialog(){
      this.$emit('showAddUserDialog',)
    }
  }
}
</script>

<style scoped>

</style>